<template>
  <el-tabs type="border-card">
    <el-tab-pane label="一级符石">
      <div class="fushi-level">
        <Level1 />
      </div>
    </el-tab-pane>
    <el-tab-pane label="二级符石">
      <div class="fushi-level">
        <Level2 />
      </div>
    </el-tab-pane>
    <el-tab-pane label="三级符石">
      <div class="fushi-level">
        <Level3 />
      </div>
    </el-tab-pane>
    <el-tab-pane label="四级符石">
      <div class="fushi-level">
        <Level4 />
      </div>
    </el-tab-pane>
  </el-tabs>
</template>
<script setup>
import Level1 from './Level1.vue'
import Level2 from './Level2.vue'
import Level3 from './Level3.vue'
import Level4 from './Level4.vue'

</script>
<style scoped>
.fushi-level {
  width: 608px;
  height: 528px;
}
</style>
